<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <script type="text/javascript" charset="utf-8" src="/common/js/framework.js"></script>
    <!-- <script type="text/javascript" charset="utf-8" src="/common/js/copyright.js"></script> -->

    <link rel="stylesheet" href="css/userSetting.css" type="text/css"></link>
    <script type="text/javascript" charset="utf-8" src="js/jsonData.js"></script>
    <link rel="stylesheet" href="css/style.css" type="text/css"/>
    <script type="text/javascript" src="js/cropbox.js"></script>
    <script type="text/javascript" charset="utf-8"
            src="js/modifyUserInfo.js"></script>
    <style>
        table tr {
            height: 50px;
            line-height: 50px;
        }

        .btn-div {
            padding-top: 50px;
            width: 100%;
            text-align: center;
        }

        .btn {
            padding: 15px 10px;
            border: none;
            width: 150px;
        }

        input, select {
            height: 40px;
            line-height: 40px;
            width: 100%;
            padding-left: 10px;
        }

        textarea {
            height: 100px;
            width: 26%;
            padding: 10px;
        }
    </style>
</head>
<body style="background-color: white;">
<div class="col-xs-12">
    <table style="border-spacing: 11px; border-collapse: unset;width: 100%;padding: 10px 20px;position: relative;left: 200px;">
        <tr>
            <td align="right"><label style="color: red;"></label>头像：</td>
            <td id="#userImage">
                <div class="layui-upload-list">
                    <img class="layui-upload-img test1" id="demo1" style="border: 1px solid black;width: 50px;height: 50px;">
                    <p id="demoText"></p>
                </div>
            </td>
        </tr>
        <tr>
            <td align="right"><label style="color: red;"><strong>*</strong></label>用户名：</td>
            <td><input class="form-control" id="usernameInput"></td>
            <td align="right">&nbsp;实名：</td>
            <td><input style="width: 50%;" class="form-control" id="realnameInput"></td>
        </tr>
        <tr>
            <td align="right">&nbsp;密码：</td>
            <td><input class="form-control" id="pwdInput"></td>

            <td align="right">&nbsp;地区：</td>
            <td><select class="form-control" id="cmbProvince"
                        style="width: 146px; float: left;">
            </select> <select class="form-control" id="cmbCity"
                              style="width: 146px; float: left; margin-left: 10px;">
            </select> <select class="form-control" id="cmbArea"
                              style="width: 146px; float: left; margin-left: 10px;">
            </select></td>
        </tr>
        <tr>
            <td align="right">&nbsp;出生日期：</td>
            <td><input name="123" type="date" class="form-control"
                       id="birthdayInput"></td>
            <td align="right">&nbsp;行业：</td>
            <td><select style="width: 50%;" class="form-control" id="industrySelectId">
                <option>计算机软件</option>
                <option selected="selected">银行</option>
                <option>金融</option>
                <option>教育</option>
            </select></td>
        </tr>

        <tr>
            <td align="right">&nbsp;简述：</td>
            <td colspan="3"><textarea id="introTextarea"
                                      class="form-control" row="5"></textarea></td>
        </tr>
    </table>

    <div class="btn-div">
        <button type='button' onclick='saveUserInfoClick()'
                class='btn btn-primary'>确定
        </button>
    </div>

    <!-- <div id="navbottomBarId"></div> -->
</div>
</body>
</html>